<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://ditu.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAnl_NJzdiJYNIozA-AzyktBSV8U7_bN4g487kxqMdU9AcQbem_hTR5yiLnp_DRzbTt65eow980fMOxg"
      type="text/javascript"></script>
    <script type="text/javascript">

    //<![CDATA[
		var map;
		
    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
		
		map.addControl(new GSmallMapControl());

        map.setCenter(new GLatLng(39.91,116.40),14);//天安门
      }
    }
    
    function moveUSTB()
    {
    	//map.panTo(new GLatLng(39.989,116.352),13);//北京科技大学
		map.setCenter(new GLatLng(39.99,116.36),14);//北京科技大学
    }
    
    function moveTiananmen()
    {
    	map.setCenter(new GLatLng(39.91,116.40),14);//天安门
    }
    
    function changeMapType()
    {
    	map.setMapType(G_SATELLITE_MAP);
    }

    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 800px; height: 480px"></div>
    <input type="button" value="北京科技大学" onclick="moveUSTB()" />
    <input type="button" value="天安门" onclick="moveTiananmen()" />
	  <input type="button" value="更改地图类型" onclick="changeMapType()" />
	  <p><a href="se.php">返回<a></p>
  </body>
</html>